<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript">
function initLogs()
{
	jgrouse.log.addHandler(new jgrouse.logHandlers.ConsoleLog());
}

jgrouse_config = 
{
	initLogs : initLogs,
	logLevel : 'INFO',
	nologs : false,
	debug : true
}



</script>

<script type="text/javascript" src='../src/jgrouse.js'></script>
<script type="text/javascript" src='../src/log.js'></script>
<script type="text/javascript" src='../src/classloader.js'></script>
<script type="text/javascript" src='console/jgconsole.js'></script>


<style type="text/css">
.over
{
	font-size: 2em;
}
.spicy
{
	color: red;
}

.highlight
{
	background-color: green;
	color: white;
}

.bolder 
{
	font-weight: bold;
}
</style>

<script type="text/javascript">


function initApp()
{
	jgrouse.widgets.ApplicationContainer.init();
	
	/*var item = document.getElementById('appContainer');
	if (!window.origTemplate)
	{
		origTemplate = item.innerHTML;
	}
	app = new jgrouse.widgets.Container();
	app.setTemplate(item.innerHTML);
	var loc = window.location.hash;
	if (loc)
	{
		loc = loc.substring(1);
	} 
	jgrouse.util.TaskManager.post(function(){jgrouse.browser.instance.setHistoryEntry(loc)});
	item.innerHTML = '';
	var controller = new jgrouse.util.BaseController();
	app.bind(new jgrouse.util.MvcDriver(controller));
	app.add(item);
	jgrouse.dom.Element.clearStyle(item, 'display');*/
	
}


function doHide()
{
	container.remove(true);
}

</script>

</head>
<body>
	<div id='zhopa' style='border: thin solid black;'> bla!</div>
	<div id='appContainer' >
		<div _jgtype="container" _controller-class="jgrouse.util.BaseController" _jgmember="pageLoader" _bindings="#contentUrl:browserHistory">
			<div>Header</div>
			<div _jgtype="pageContainer" _bindings="contentUrl:contentUrl">
				<div> controller body start</div>
				<div _jgmember="_contentDom" _jgtype="container">
					this would be default controllers body
					<a href="superContent.html" _jgtype="slink" _bindings="triggerClick:contentUrl">for super content</a>
				</div>
				<div> controller body end</div>
			</div>
			<div>Footer. You should see pageContainer in between</div>
			<a href="sampleContent.html" _jgtype="slink" _bindings="triggerClick:contentUrl" _suppress-default='click' >Zhopa!</a>
			<input type="text" _jgtype="inputText" _bindings="value:contentUrl">
		</div>
	</div>
	<a href="dummyLink" id='simple'>This is a simple link for testing</a>
</body>
<script type="text/javascript">
	jgrouse_console.createConsoleSpot();
	jgrouse.require(['jgrouse.widgets.StaticText', 'jgrouse.widgets.TemplateParser', 
				'jgrouse.widgets.InputText',
			   'jgrouse.widgets.Container', 'jgrouse.util.TaskManager', 'jgrouse.widgets.spices.Spices',
			   'jgrouse.widgets.PageContainer', 'jgrouse.widgets.Application'], 
			   function()
	{
		initApp();
	});
</script>
</html>